A browsable index of all project files. Open any page in your browser to view it. Designed for developers and UI designers to understand the full surface area of the app.
Open these in your browser to see the live UI.
React JSX files. All loaded via <script type="text/babel"> (Babel standalone, no bundler).
.h-display, .h-section, .h-card, .eyebrow, .lede.btn, .card, .nav, .marquee, .accordion, .faq:focus-visible, .skip-link, [data-reduce-motion], font scaling| Layer | Tech | Files |
|---|---|---|
| Marketing Site | React 18 + Babel standalone | Wayfare.html + main.jsx + sections.jsx + tweaks-panel.jsx |
| Auth | React 18 + localStorage session | Sign In.html + Sign Up.html + auth.jsx |
| App | React 18 + mock data | App.html + app-shell.jsx |
| Offline | Self-contained bundle | Wayfare App (offline).html + App-offline-src.html |
| Styles | CSS custom properties (design tokens) | styles.css + auth-app.css |
| Backend (planned) | Python / FastAPI | See WBS 2.x workstream |
| Planning | — | WBS.html + uploads/SOW_Neaural_Knights.docx.pdf |
Wayfare.html (landing / marketing)
|
+--> Sign Up.html (4-step wizard)
| |
| +--> App.html (post-login)
|
+--> Sign In.html (login)
|
+--> App.html (post-login)
App.html contains:
+-- Plan a Trip (3 plan options > day-by-day itinerary > venue detail)
+-- My Trips (saved trip list)
+-- Camera AI (live webcam + auto-narration + voice Q&A)
+-- Browse Scouts (scout profiles)
+-- Emergency (multi-stage dispatch flow)
+-- Profile (user settings)
| Feature | Location | Notes |
|---|---|---|
| Voice input + presets | Landing Hero → triggers sign up | Presets: "Wheelchair user, Jaipur, 3 days" etc. |
| 3-plan itinerary generator | App → Plan a Trip | Heritage / Slow / Outdoor plan options |
| Wayfare Accessibility Score | App → Venue detail | 8-criterion A-F score with evidence rows |
| Scout cards | Landing Scouts + App → Browse scouts | Real photos, credentials, audit history |
| Live Camera AI | App → Camera AI | Webcam frame capture, AI description, voice narration, Q&A |
| Emergency dispatch | App + Landing (floating button) | Multi-step flow: reason, location, contact, "Help is on the way" |
| Sign Up needs selection | Sign Up → step 2 | Mobility, low vision, deaf/HoH, cognitive, dietary |
| A11y tweaks panel | Landing (gear icon), Auth (mini toolbar) | Theme, font scale 0.85x-1.4x, reduced motion |
| WCAG AA compliance | Global | Focus rings, skip link, ARIA, high-contrast theme, screen reader support |